<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:include="/common/common :: commonHead('Oren Video Templat')"></head>
<body>
	<div class="wrapper">

		<!-- header start-->
		<header th:include="/common/header"></header>
		<!-- header end-->
		<!-- menu start-->
		<header th:include="/common/left"></header>
		<!-- menu end-->

		


		<section class="upload-videooz">
			<div class="container">
				<div class="row">
					<div class="col-lg-6">
						<div class="video-file">
							<i class="icon-graphics_05"></i>
							<h3>Select video files to upload </h3>
							<span>or drag & drop video files</span>
							<form>
								<label for="file-upload" class="custom-file-upload">
								    Upload Video
								</label>
								<input id="file-upload" type="file"/>
							</form>
						</div><!--video-file end-->
					</div>
					<div class="col-lg-6">
						<div class="youtube-dwn">
							<i class="icon-graphics_03"></i>
							<h3>Import videos from YouTube </h3>
							<span>Copy / Paste your video link here</span>
							<form>
								<input type="text" name="import_video" placeholder="Paste link here">
								<button type="submit">Import Video</button>
							</form>
						</div><!--youtube-dwn end-->
					</div>
				</div>
			</div>
		</section><!--upload-videooz end-->
		
		<section class="suggestions">
			<div class="container">
				<div class="sgst_content">
					<h3>Help & Suggestions</h3>
					<p>By submitting your videos to ProjectFitnessTV, you acknowledge that you agree to ProjectFitnessTV’s<a href="#" title=""> Terms of Service</a>and<a href="#" title="">Community Guidelines</a>. Please be sure not to violate others’ copyright or privacy rights.<a href="#"> Learn more</a></p>
				</div>
			</div>
		</section><!--Suggestions end-->

		<section class="abt-vidz">
			<ul>
				<li>
					<a href="#">Upload Instructions </a>
				</li>
				<li>
					<a href="#">Troubleshooting </a>
				</li>
				<li>
					<a href="#">Mobile Upload </a>
				</li>
			</ul>
		</section><!--abt-vidz-->

		<footer>
			<div class="container">
				<div class="top-footer">
					<div class="row">
						<div class="col-lg-12">
							<div class="ft-logo">
								<img src="/static/images/ft-logo.png" alt="">
							</div><!--ft-logo end-->
						</div>
						<div class="col-lg-2 col-md-4 col-sm-6 col-12">
							<div class="widget">
								<h3 class="widget-title">pages</h3>
								<ul class="pages-link">
									<li><a href="#" title="">About</a></li>
									<li><a href="#" title="">Community Rules</a></li>
									<li><a href="#" title="">Privacy</a></li>
									<li><a href="#" title="">Terms</a></li>
								</ul>
							</div>
						</div>
						<div class="col-lg-2 col-md-4 col-sm-6 col-12">
							<div class="widget">
								<h3 class="widget-title">Links</h3>
								<ul class="pages-link">
									<li><a href="#" title="">Blog</a></li>
									<li><a href="#" title="">Contact</a></li>
									<li><a href="#" title="">Donate</a></li>
								</ul>
							</div>
						</div>
						<div class="col-lg-2 col-md-4 col-sm-6 col-12">
							<div class="widget">
								<h3 class="widget-title">support</h3>
								<ul class="pages-link">
									<li><a href="#" title="">Support</a></li>
									<li><a href="#" title="">FAQ</a></li>
								</ul>
							</div>
						</div>
						<div class="col-lg-6 col-md-12 col-sm-6 col-12">
							<div class="widget widget-information">
								<h3 class="widget-title">Information</h3>
								<p>Oren is a video sharing platform created for the discovery & promotion of content creators. It's home to breaking news in social media, & urban cultural entertainment.</p>
							</div><!--widget-information end-->
						</div>
					</div>
				</div><!--top-footer end-->
				<div class="bottom-strip">
					<p>© azyrusthemes    <i class="icon-like"></i> Made in India</p>
					<ul class="social-links">
						<li><a href="#" title=""><i class="icon-facebook-official"></i></a></li>
						<li><a href="#" title=""><i class="icon-twitter"></i></a></li>
						<li><a href="#" title=""><i class="icon-instagram"></i></a></li>
					</ul>
					<div class="clearfix"></div>
				</div><!--bottom-strip end-->
			</div>
		</footer><!--footer end-->


	</div><!--wrapper end-->
	<header th:include="/common/footer"></header>
</body>
</html>